<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>预约看房</title>
<?php echo $this->render('/_include/_header');?>
<script>


<!--预约成功弹出框-->
function outline_mask(out){
	$('#mask-outline').animate({top:0}, 500);
	if (out){
		
		 $('#mask-outline').animate({top:'-100%'}, 500);
	}
	
}
$('#mask-outline').click(function(){
	
	})

</script>
</head>

<body class="bg-eeeeee">
<div class="header-fixed">
  <header>
    <div id="header" class="fixed">
      <div class="btn-return ub-img5 " onClick="hidemenu2('auto');"></div>
      <h1><span onClick="location.reload();">函数青年公寓</span></h1>
    </div>
  </header>
  <div class="margin-body" style="margin-top:3.8em;">
    <div class="showing-block ub">
      <div class="icon-name item"></div>
      <input type="text" placeholder="请输入姓名" class="ulev0 ub-f1">
    </div>
    <div class="showing-block ub">
      <div class="icon-number item"></div>
      <input type="text" placeholder="请输入手机号" class="ulev0">
    </div>
    <div class="showing-block padding-l-10">
      <input type="text" placeholder="请输入验证码" class="ulev0">
    </div>
    <div class="showing-block ub">
      <div class="icon-calendar item"></div>
      <input type="text" placeholder="看房时间" class="ulev0">
    </div>
    <div class="submit-block ub tx-middle uc-a1" onClick="outline_mask();"> <a href="" class="t-wh ulev1">提交</a> </div>
  </div>
</div>
<div style="">
  <div style="top:-100%;" id="mask-outline" class="mask tx-middle" onClick="outline_mask(true);">
    <div class="content uc-a1 opacity">
      <div class="ub"><span class="icon-success"></span></div>
      <p class="t-wh">恭喜您</p>
      <p class="t-wh ulev1">预约成功</p>
    </div>
  </div>
</div>
<?php echo $this->render('/_include/_footer');?> 
<script>
$(function(){
	loaded();
    Dbug(1);
   	
});

</body>
</html>
